<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 <%@ page contentType="text/html; charset=UTF-8"%> 
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="New Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'><!--//fonts-->
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
<script src="js/simpleCart.min.js"> </script>
</head>
<body>
<!--header-->
<div class="header">
	<div class="header-top">
		<div class="container">
		
			<div class="header-left">		
					<ul>
					<s:if test="#session.exitcustomer!=null">
						<li ><font color="white" size="3">欢迎您,<s:property value="#session.exitcustomer"/></font></li>
                          &nbsp &nbsp
                          <li><a  href="${pageContext.request.contextPath}/login_loginout.action">注销</a></li>
                          &nbsp &nbsp
                        <%--  <li> <p><a href="customer_getExitLoginUsername.action?username=<s:property value="#session.exitcustomer"/>" class="simpleCart_empty">我的订单</a></p> --%>
                          </li>
                     </s:if>  
					<s:else>
						<li ><a href="${pageContext.request.contextPath}/login_loginpage.action">登陆</a></li>
						<li><a  href="${pageContext.request.contextPath}/login_customerRegist.action">注册</a></li>
					</s:else>
					
					</ul>
					<div class="cart box_1">
						<a href="${pageContext.request.contextPath}/cart_addCartPage.action">
						<h3> <div class="total">
							<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
							<img src="images/cart.png" alt=""/></h3>
						</a>
						

					</div>
					<div class="clearfix"> </div>
			</div>
				<div class="clearfix"> </div>
		</div>
		</div>
		<div class="container">
			<div class="head-top">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""></a>	
				</div>
		  <div class=" h_menu4">
				<ul class="memenu skyblue">
					  <li class="active grid"><a class="color8" href="book_findAllBook.action">首页</a></li>	
				      <s:iterator  value="listcategory">
			   <li><a class="color1" href="${pageContext.request.contextPath}/category_getCategoryId?categoryid=<s:property value="categoryid"/>&page=1"><s:property value="categoryname"/></a></li>
				      </s:iterator>
				  </ul> 
			</div>
				
				<div class="clearfix"> </div>
		</div>
		</div>

	</div>

	<div class="banner">
	
		<div class="container">
	
			  <script src="js/responsiveslides.min.js"></script>
  <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
			<div  id="top" class="callbacks_container">
		
			<ul class="rslides" id="slider">
			
			    <li>
					
						<div class="banner-text" >
						
				
					 <s:iterator  value="listbook" begin="0" end="0">
		           	<img  src='<s:property value="picture"/>'   style="width:200%;height:200%;"/>
						
						 <h3>Lorem Ipsum is not simply dummy  </h3> 
						 
					  <p> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor .</p>
						
						<a href="${pageContext.request.contextPath}/book_introPage.action?bid=<s:property value="bid"/>">详细信息</a>
						</s:iterator>
						</div>
				
				</li>
			
				<li>
					
						 <div class="banner-text">
						 	<s:iterator  value="listbook" begin="1" end="1">
						 	   	<img  src='<s:property value="picture"/>' style="width:200%;height:200%;"/>
						 	
							<h3>There are many variations </h3>
						 <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor .</p>
							 <a href="${pageContext.request.contextPath}/book_introPage.action?bid=<s:property value="bid"/>">详细信息</a>
                         </s:iterator>	
						</div>
						
					
				</li> 
				
			   	<li>
						<div class="banner-text">
						
					 <s:iterator  value="listbook" begin="2" end="2">
		           	<img  src='<s:property value="picture"/>'  style="width:200%;height:200%;"/>
						
						 	<h3>Sed ut perspiciatis unde omnis</h3>
					<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor .</p>
					 	<a href="${pageContext.request.contextPath}/book_introPage.action?bid=<s:property value="bid"/>">详细信息</a>
                   </s:iterator>
						</div>
					
				</li>
				
			</ul>
		</div>

	</div>
	</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<!--content-->
<div class="content">

	<div class="container">
	
	<div class="content-top">
	
		<h1>New Books</h1>
		<div class="grid-in">
		<s:iterator var="b" begin="3" value="listbook">
			<div class="col-md-4 grid-top">
				<a href="${pageContext.request.contextPath}/book_introPage.action?bid=<s:property value="#b.bid"/>" class="b-link-stripe b-animate-go  thickbox">
							<!--  <img class="img-responsive" src="images/pi.jpg" alt="">-->
							<img  src='<s:property value="#b.picture"/>' alt="" width="340px" height="400px">
							<div class="b-wrapper">
									<h3 class="b-animate b-from-left    b-delay03 ">
									 <span><s:property value="#b.bname"/></span>	 
									</h3>
								</div>
				</a>
	

			<p><a href="${pageContext.request.contextPath}/book_introPage.action?bid=<s:property value="#b.bid"/>"><s:property value="#b.bname"/></a></p>
			</div>
		</s:iterator>
			
			
  <div class="content-bottom">
		<ul>
			
		<div class="clearfix"> </div>
		</ul>
	</div>
</div>
<div class="footer">
				<div class="container">
			<div class="footer-top-at">
			
				<div class="col-md-4 amet-sed">
				<h4>MORE INFO</h4>
				<ul class="nav-bottom">
						<li><a href="#">How to order</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="contact.html">Location</a></li>
						<li><a href="#">Shipping</a></li>
						<li><a href="#">Membership</a></li>	
					</ul>	
				</div>
				<div class="col-md-4 amet-sed ">
				<h4>CONTACT US</h4>
				
					<p>
Contrary to popular belief</p>
					<p>The standard chunk</p>
					<p>office:  +12 34 995 0792</p>
					<ul class="social">
						<li><a href="#"><i> </i></a></li>						
						<li><a href="#"><i class="twitter"> </i></a></li>
						<li><a href="#"><i class="rss"> </i></a></li>
						<li><a href="#"><i class="gmail"> </i></a></li>
						
					</ul>
				</div>
				<div class="col-md-4 amet-sed">
					<h4>Newsletter</h4>
					<p>Sign Up to get all news update
and promo</p>
					<form>
						<input type="text" value="" onFocus="this.value='';" onBlur="if (this.value == '') {this.value ='';}">
						<input type="submit" value="Sign up">
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="footer-class">
		<p >Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
		</div>
</body>
</html>
			